/* 全局样式重置 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /* 彻底移除黑边框和轮廓，但不影响拖拽状态 */
  -webkit-tap-highlight-color: transparent !important;
}

/* 移除所有元素的focus轮廓，但保留文件列表项的outline */
*:focus,
*:active,
*:focus-visible {
  outline: none !important;
  border: none !important;
}

/* 只对非文件列表项的hover移除outline，但保护关键组件 */
*:hover:not(.file-list-item):not(.file-item):not(.explorer-header):not(
    .explorer-header *
  ):not(.explorer-toolbar):not(.explorer-toolbar *) {
  outline: none !important;
  border: none !important;
}

/* 特别针对可拖拽元素的默认状态 */
*[draggable="true"]:not(.drag-over):not(.file-list-item):not(.file-item) {
  outline: none !important;
  border: none !important;
}

/* 拖拽状态下允许outline显示 */
*.drag-over {
  outline: 2px dashed var(--el-color-primary-light-3) !important;
  outline-offset: -2px !important;
}

html,
body {
  height: 100%;
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu,
    Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  background-color: #fafafa;
  overflow: hidden;
}

#app {
  height: 100vh;
}

/* 滚动条样式 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

/* Element Plus 组件样式优化 */
.el-table {
  font-size: 13px;
}

.el-table th {
  background-color: #f8f9fa !important;
  color: #333;
  font-weight: 600;
}

.el-table td {
  border-bottom: 1px solid #f0f0f0;
}

.el-table tr:hover {
  background-color: #f5f7fa;
}

.el-breadcrumb__item {
  font-size: 13px;
}

.el-breadcrumb__inner {
  color: #666;
  font-weight: normal;
}

.el-breadcrumb__inner:hover {
  color: #409eff;
}
